<!-- BEGIN PAGE HEADER-->
<!-- END PAGE HEADER-->
<!-- BEGIN MAIN CONTENT -->
<div>
    <tabset>
        <tab>
            <tab-heading>
                <i class="icon-docs"></i> 待办
            </tab-heading>
            <div class="page-bar">
		        <form class="form-inline" role="form">
		            <div class="form-group">
		                <input type="text" class="form-control" ng-model="todoGrid.query.processInstanceId" placeholder="流程编号">
		                <div class="input-group input-large date-picker input-daterange" ed-date-picker
		                                 data-date-format="yyyy-mm-dd">
		                                <input type="text" class="form-control" ng-model="todoGrid.query.createTimeAfter" placeholder="起始日期">
		                                <span class="input-group-addon">-</span>
		                                <input type="text" class="form-control" ng-model="todoGrid.query.createTimeBefore" placeholder="截止日期">
		                </div>
		            </div>
		            <button class="btn btn-select" ng-click="todoGrid.query()"><i class="fa fa-search"></i> 搜索</button>
		            </button>
		        </form>
		    </div>
            <div class="portlet">
                
                <div class="portlet-body">
                    <table ed-grid="todoGrid" class="table table-striped table-bordered table-advance table-hover"
		                   ed-url="bpm/tasks/my.do" ed-model="task" style="width: 100%;">
		                <thead>
		                <tr>
		                    <th ed-data="_index"></th>
		                    <th style="width: 60px;" ed-data="processInstanceId">流程编号</th>
		                    <th style="width: 80px;" ed-data="processDefinition.name">类型</th>
		                    <th ed-data="processInstance.name">标题</th>
		                    <th style="width: 80px;" ed-data="name">办理环节</th>
		                    <th style="width: 60px;" ed-data="processInstance.starter | user">创建人</th>
		                    <th style="width: 130px;" ed-data="createTime">开始时间</th>
		                    <th style="width: 60px;">操作</th>
		                </tr>
		                </thead>
		            </table>
                </div>
            </div>
        </tab>
        <tab>
            <tab-heading>
                <i class="icon-bar-chart"></i> 已办
            </tab-heading>
            <div class="page-bar">
		        <form class="form-inline" role="form">
		            <div class="form-group">
		                <input type="text" class="form-control" ng-model="doneGrid.query.processInstanceId" placeholder="流程编号">
		                <div class="input-group input-large date-picker input-daterange" ed-date-picker
		                                 data-date-format="yyyy-mm-dd">
		                                <input type="text" class="form-control" ng-model="doneGrid.query.createTimeAfter" placeholder="起始日期">
		                                <span class="input-group-addon">-</span>
		                                <input type="text" class="form-control" ng-model="doneGrid.query.createTimeBefore" placeholder="截止日期">
		                </div>
		            </div>
		            <button class="btn btn-select" ng-click="doneGrid.query()"><i class="fa fa-search"></i> 搜索</button>
		            </button>
		        </form>
		    </div>
            <div class="portlet">
                <div class="portlet-body">
                   <table ed-grid="doneGrid" class="table table-striped table-bordered table-advance table-hover"
		                   ed-url="bpm/tasks/hadDone/my.do" ed-model="task" style="width: 100%;">
		                <thead>
		                <tr>
		                    <th ed-data="_index"></th>
		                    <th style="width: 60px;" ed-data="processInstanceId">流程编号</th>
		                    <th style="width: 80px;" ed-data="processDefinition.name">类型</th>
		                    <th ed-data="processInstance.name">标题</th>
		                    <th style="width: 80px;" ed-data="name">办理环节</th>
		                    <th style="width: 60px;" ed-data="processInstance.starter | user">创建人</th>
		                    <th style="width: 130px;" ed-data="startTime">开始时间</th>
		                    <th style="width: 130px;" ed-data="endTime">办理时间</th>
		                </tr>
		                </thead>
		            </table>
                </div>
            </div>
        </tab>
        <tab>
            <tab-heading>
                <i class="icon-list"></i> 办结
            </tab-heading>
            <div class="page-bar">
		        <form class="form-inline" role="form">
		            <div class="form-group">
		                <input type="text" class="form-control" ng-model="dofinishedGrid.query.processInstanceId" placeholder="流程编号">
		                <div class="input-group input-large date-picker input-daterange" ed-date-picker
		                                 data-date-format="yyyy-mm-dd">
		                                <input type="text" class="form-control" ng-model="dofinishedGrid.query.startTimeAfter" placeholder="起始日期">
		                                <span class="input-group-addon">-</span>
		                                <input type="text" class="form-control" ng-model="dofinishedGrid.query.startTimeBefore" placeholder="截止日期">
		                </div>
		            </div>
		            <button class="btn btn-select" ng-click="dofinishedGrid.query()"><i class="fa fa-search"></i> 搜索</button>
		            </button>
		        </form>
		    </div>
            <div class="portlet">
                <div class="portlet-body">
                     <table ed-grid="dofinishedGrid" class="table table-striped table-bordered table-advance table-hover"
		                   ed-url="bpm/processInstance/list/mydone.do" ed-model="instance" style="width: 100%;">
		                <thead>
		                <tr>
		                    <th ed-data="_index"></th>
		                    <th style="width: 60px;" ed-data="processInstanceId">流程编号</th>
		                    <th style="width: 80px;" ed-data="processDefinitionName">类型</th>
		                    <th ed-data="name">标题</th>
		                    <th style="width: 80px;" ed-data="starter | user">发起人</th>
		                    <th style="width: 130px;" ed-data="startTime">启动时间</th>
		                    <th style="width: 130px;" ed-data="endTime">结束时间</th>
		                </tr>
		                </thead>
		            </table>
                </div>
            </div>
        </tab>
    </tabset>
</div>

<!-- END MAIN CONTENT -->
<!-- BEGIN MAIN JS -->
<script>
   
</script>
<!-- END MAIN JS -->